<template>
  <div class="personalCenter">
    <div class="userInfo">
      <div class="bg-t"></div>
      <div class="bg-b"></div>
      <div class="text">
        <div class="top">
          <img class="fl" src="../../assets/img/icon/icon-9.png" />
          <p class="fl">微信头像 名称</p>
        </div>
        <div class="btm clearfix">
          <div class="fl">
            <img src="../../assets/img/icon/icon-13.png" />
            <p>会员卡</p>
          </div>
          <div class="fr">
            <img src="../../assets/img/icon/icon-12.png" />
            <p>优惠券</p>
          </div>
        </div>
      </div>
    </div>
    <div class="carInfo">
      <div>
        <img src="../../assets/img/icon/icon-10.png" />
        <span>我的车辆</span>
        <van-icon name="arrow" />
      </div>
      <div>
        <img src="../../assets/img/icon/icon-11.png" />
        <span>扫码挪车</span>
        <van-icon name="arrow" />
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.personalCenter {
  .userInfo {
    width: 100%;
    position: relative;
    .bg-t {
      height: 3.533rem;
      background-color: #ea4d18;
    }
    .bg-b {
      height: 2.133rem;
      background-color: #e1dfe0;
    }
    .text {
      width: 100%;
      height: 5.64rem;
      position: absolute;
      top: 0;
      left: 0;
      .top {
        width: 82%;
        height: 1.333rem;
        line-height: 1.333rem;
        margin: 0.4rem auto;
        text-indent: 0.467rem;
        font-size: 0.507rem;
        color: #fff;
        img {
          width: 1.333rem;
          height: inherit;
        }
      }
      .btm {
        width: 82%;
        height: 2.907rem;
        border-radius: 0.16rem;
        margin: 0 auto;
        background-color: #fff;
        .fl {
          margin-left: 1.333rem;
          margin-top: 0.6rem;
        }
        .fr {
          margin-right: 1.467rem;
          margin-top: 0.533rem;
        }
        div {
          width: 1.627rem;
          text-align: center;
          font-size: 0.413rem;
          line-height: 0.667rem;
        }
        img {
          width: 1.627rem;
        }
      }
    }
  }

  .carInfo {
    height: 1.64rem;
    border-bottom: 1px solid #bfbfbf;
    img {
    }
  }
}
</style>>

